<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>约战平台</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <meta name="keywords"
          content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates"/>
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <!--webfonts-->
    <link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic,700italic|Oswald:400,300,700'
          rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
    <!--//webfonts-->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/login.css">
    <script src="http://ajax.useso.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

</head>

<body>
<!--登录页面-->

<%--标题《约起来》--%>
<h1>线上足球-约起来</h1>
<%--登录界面的form表单--%>
<div class="login-form">
    <%--美化表单表头部分--%>
    <div style="width: 100%;">
    <a href="<%=request.getContextPath()%>/user/add" class="close">前往注册&gt;&gt;&gt;</a>
    </div>
    <div class="head-info">
        <label class="lbl-1"> </label>
        <label class="lbl-2"> </label>
        <label class="lbl-3"> </label>
    </div>
        <%--清楚浮动--%>
    <div class="clear"></div>
        <%--引入用户的头像--%>
    <div class="avtar">
        <img src="<%=request.getContextPath()%>/resources/image/avtar.png"/>
    </div>
        <%-------------表单开始--------------%>
    <form action="/login" method="post">
        <%--输入用户名--%>
        <input type="text" class="text" value="用户名" name="username" onfocus="this.value = '';
        " onblur="if (this.value == '') {this.value = '用户名';}">
        <%--输入密码--%>
        <div class="key">
            <input type="password" value="Password" name="password" onfocus="this.value = '';"
                   onblur="if (this.value == '') {this.value = 'Password';}">
        </div>
            <%--完成书写后提交--%>
        <div class="signin">
            <input type="submit" value="Login">
        </div>
    </form>
    <%--------------表单结束---------------%>
</div>
<%--解决自适应--%>
<div class="copy-rights">
</div>
</body>
